<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>intel中国官网</title>
    <!--<link rel="icon" href="./img/favicon.ico"/>-->
    <link rel="icon" href="../../favicon.ico"/>
    <!-- Bootstrap -->
    <link href="css/intel.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script type="text/javascript" src="../../js/compatible/html5shiv.min.js"></script>
    <script type="text/javascript" src="../../js/compatible/respond.min.js"></script>
    <script type="text/javascript" src="../../js/compatible/DOMAssistantCompressed-2.7.4.js"></script>
    <script type="text/javascript" src="../../js/compatible/ie-css3.js"></script>
    <![endif]-->
    <style>
        div{
            /*border: 1px solid #aaa;*/
        }

        body{
            padding-top: 50px;
        }
    </style>
</head>
<body>
    <!--begin：导航条-->
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <!--在手机中可以看到的导航条头部-->
            <div class="navbar-header">
                <a href="#" class="navbar-brand"><span class="logo"></span></a>
                <a href="#my-nb-collapse" data-toggle="collapse"
                        class="navbar-toggle">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
            </div>
            <!--导航条在手机中显示的折叠菜单-->
            <div id="my-nb-collapse" class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    <li class="dropdown active">
                        <a href="#" data-toggle="dropdown">菜单 <span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">英特尔产品</a></li>
                            <li class="divider"></li>
                            <li><a href="#">热门话题</a></li>
                            <li class="divider"></li>
                            <li><a href="#">用户</a></li>
                            <li class="divider"></li>
                            <li><a href="#">购买</a></li>
                            <li class="divider"></li>
                            <li><a href="#">产品支持</a></li>
                            <li class="divider"></li>
                            <li><a href="#">关于英特尔</a></li>
                        </ul>
                    </li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#" data-toggle="dropdown">china(简体中文)<span></span></a>
                        <ul class="dropdown-menu langu">
                            <li class="register-dropdown">
                                <a href="#">Englinsh(U.S.A)</a>
                            </li>
                        </ul>
                    </li>
                    <li class="logoIn"><a href="#" data-toggle="dropdown">登录</a>
                        <ul class="dropdown-menu register">
                            <!--<div class="register-dropdown">-->
                            <li class="register-dropdown">
                                    <h3>登录</h3>
                                    <p>您是否在英特尔工作？</p>
                                    <form>
                                        <div class="form-group">
                                            <input class="form-control" type="text" placeholder="用户名"/>
                                        </div>
                                        <div class="form-group">
                                            <input class="form-control"  type="text" placeholder="密码"/>
                                        </div>
                                        <div class="form-group">
                                            <p>您登录表明您同意我们的服务条款</p>
                                            <input type="submit" value="登录" class="btn btn-primary"/>
                                        </div>

                                    </form>
                            </li>
                        </ul>
                    </li>
                </ul>
                <form class="navbar-form navbar-right">
                    <div class="form-group has-feedback">
                        <label for="search" class="sr-only">搜索</label>
                        <input type="search" id="search" class="form-control" placeholder="搜索"/>
                        <span class="glyphicon glyphicon-search form-control-feedback"></span>
                    </div>
                </form>
                <span class="navbar-text navbar-right">|</span>
                <a href="#" class="navbar-link navbar-text navbar-right">查找内容</a>
            </div>
        </div>
    </nav>
    <!--end：导航条-->
    <!--begin：主体-->
    <section class="main">
        <div class="container">
            <div class="row">
                <div class="col-xs-12"><h2>欢迎来到英特尔<sup>®</sup></h2></div>
            </div>
            <div class="row">
                <div class="col-md-8 col-sm-12">
                    <div class="row">
                        <div class="col-xs-12">
                            <div class=" boxShadow">
                                <img src="img/intel.web.864.486.1.jpg" alt="1" class="img-responsive"/>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-12">
                    <div class="row">
                        <div class="col-md-12 col-xs-12 col-sm-6 marginBottom">
                            <div class=" boxShadow  togglePar">
                                <img class="img-responsive smimg" src="img/intel.web.368.207.1.jpg" alt="2"/>
                                <div class="toggltUp">
                                    <h4>英特尔产品中心</h4>
                                    <h5>英特尔全新的选型工具设置多种频道满足各类用户不同需求</h5>
                                    <h5><a href="#">了解更多</a></h5>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12  col-xs-12 col-sm-6 ">
                            <div class="row listText boxShadow">
                                <div class="col-xs-4">
                                    <img class="img-responsive imgCenter" src="img/intel.web.81.108.png" alt="2"/>
                                </div>
                                <div class="col-xs-8 borderLeft">
                                    <ul class="list-unstyled">
                                        <li><a href="#">英特尔<sup>®</sup>酷睿™M处理器</a></li>
                                        <li><a href="#">神器的实感技术</a></li>
                                        <li><a href="#">英特尔<sup>®</sup>凌动™处理器</a></li>
                                        <li><a href="#">2015台北国际电脑展</a></li>
                                        <li><a href="#">风暴英雄》游戏道具兑换</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-8 col-sm-12 col-md-push-4">
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="boxShadow">
                                <img src="img/intel.web.864.486.2.jpg" alt="1" class="img-responsive "/>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-12 col-md-pull-8">
                    <div class="row">
                        <div class="col-md-12 col-xs-12 col-sm-6 marginBottom">
                           <div class="row listText boxShadow">
                               <div class="col-xs-12">
                                   <ul class="list-unstyled">
                                       <li><a href="#">英特尔<sup>®</sup>酷睿™M处理器</a></li>
                                       <li><a href="#">神器的实感技术</a></li>
                                       <li><a href="#">英特尔<sup>®</sup>凌动™处理器</a></li>
                                       <li><a href="#">2015台北国际电脑展</a></li>
                                       <li><a href="#">风暴英雄》游戏道具兑换</a></li>
                                   </ul>
                               </div>
                           </div>
                        </div>
                        <div class="col-md-12 col-xs-12 col-sm-6">
                            <div class="boxShadow togglePar">
                                <img class="img-responsive smimg" src="img/intel.web.368.207.2.jpg" alt="2"/>
                                <div class="toggltUp">
                                    <h4>英特尔产品中心</h4>
                                    <h5>英特尔全新的选型工具设置多种频道满足各类用户不同需求</h5>
                                    <h5><a href="#">了解更多</a></h5>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-8 col-sm-12">
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="boxShadow">
                                <img src="img/intel.web.864.486.3.jpg" alt="1" class="img-responsive"/>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-12">
                    <div class="row">
                        <div class="col-md-12 col-xs-12 col-sm-6 marginBottom">
                            <div class="boxShadow togglePar">
                                <img class="img-responsive smimg " src="img/intel.web.368.207.3.jpg" alt="2"/>
                                <div class="toggltUp">
                                    <h4>英特尔产品中心</h4>
                                    <h5>英特尔全新的选型工具设置多种频道满足各类用户不同需求</h5>
                                    <h5><a href="#">了解更多</a></h5>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12  col-xs-12 col-sm-6 ">
                            <div class="row listText boxShadow">
                                <div class="col-xs-12">
                                    <ul class="list-unstyled ">
                                        <li><a href="#">英特尔<sup>®</sup>酷睿™M处理器</a></li>
                                        <li><a href="#">神器的实感技术</a></li>
                                        <li><a href="#">英特尔<sup>®</sup>凌动™处理器</a></li>
                                        <li><a href="#">2015台北国际电脑展</a></li>
                                        <li><a href="#">风暴英雄》游戏道具兑换</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--end：主体-->
    <!--begin:页脚-->
    <footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 col-xs-12">
                    <div class="row">
                        <div class="col-xs-6">
                            <h5>关于英特尔</h5>
                            <ul class="list-unstyled">
                                <li><a href="#">公司信息</a></li>
                                <li><a href="#">投资者</a></li>
                                <li><a href="#">联系我们</a></li>
                                <li><a href="#">新闻发布室</a></li>
                                <li><a href="#">网站地图</a></li>
                                <li><a href="#">工作</a></li>
                            </ul>
                        </div>
                        <div class="col-xs-6">
                            <h5>支持</h5>
                            <ul class="list-unstyled">
                                <li><a href="#">支持主页</a></li>
                                <li><a href="#">下载中心</a></li>
                                <li><a href="#">产品规范</a></li>
                                <li><a href="#">保修支持</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-xs-12">
                    <div class="row">
                        <div class="col-xs-6">
                            <h5>法律声明</h5>
                            <ul class="list-unstyled">
                                <li><a href="#">使用条款</a></li>
                                <li><a href="#">*商标</a></li>
                                <li><a href="#">隐私条款</a></li>
                                <li><a href="#">Cookle</a></li>
                            </ul>
                        </div>
                        <div class="col-xs-6">
                            <h5>社交</h5>
                            <ul class="list-unstyled">
                                <li><a href="#" class="shequ">英特尔社区</a></li>
                                <li><a href="#" class="weibo">英特尔中国微博</a></li>
                                <li><a href="#" class="weibo">英特尔芯品汇微博</a></li>
                                <li><a href="#" class="weibo">英特尔商用频道微博</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!--end:页脚-->

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery-1.11.3.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.js"></script>
    <!--<script>-->
        <!--(function () {-->
            <!--var s = document.createElement("script");-->
            <!--s.onload = function () {-->
                <!--bootlint.showLintReportForCurrentDocument([]);-->
            <!--};-->
            <!--s.src = "js/bootlint.js";-->
            <!--document.body.appendChild(s)-->
        <!--})();-->
    <!--</script>-->
</body>
</html>
